<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="keywords" content="粥员外,粥店加盟,粥铺加盟,粥屋加盟,养生粥加盟,粥员外加盟费">
    <meta name="description" content="粥员外是粥店加盟10大品牌之一的连锁品牌，外卖粥铺加盟更具人气的品牌，粥店加盟政策、粥屋加盟费、上粥员外加盟总部，念着你，暖着你！">
    <meta name="format-detection" content="telephone=yes"/>
    <title>粥员外</title>
    <link rel=icon type=image/x-icon href=./public/favicon.ico>
    <!-- 重置页面 -->
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./lib/slide/slide.css">
    <!-- 当页面的css -->
    <link rel="stylesheet" href="./css/introduce.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- layui.css -->
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <!-- swiper -->
    <link rel="stylesheet" href="./lib/swiper/swiper.min.css">
    <link rel="stylesheet" href="./lib/animation/animate.css">
    <script src="./lib/rem/rem.js"></script>
    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
</head>
<body>


<div class="layout clearfix">
    <!-- 头部 -->
    <header class="clearfix w">

        <!-- logo-->
        <h1 class="f_left">
            <a href="/">
                <img src="./images/index/logo.png" alt="">
            </a>
        </h1>

        <!-- 标语 -->
        <div class="slogan f_left">400-999-8017</div>

        <!-- 侧边栏按钮 -->
        <div class="btn iconfont f_right">&#xe897;</div>

    </header>

    <!-- 内容 -->
    <div class="content">
        <!-- 浮窗 -->
        <div class="float">
            <a href="/">
                <img src="./images/index/home_bottom_img.png" alt="">
                <span>首页</span>
            </a>
            <a href="tel:400-999-8017">
                <img src="./images/index/msg_bottom_img.png" alt="">
                <span>电话咨询</span>
            </a>
            <a href="./ask.html">
                <img src="./images/index/join_bottom_img.png" alt="">
                <span>申请加盟</span>
            </a>
        </div>
        <!-- 轮播图 -->
        <div class="swiper-container index-banner">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="./images/index/banner01.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="./images/index/banner02.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="./images/index/banner03.jpg" alt="">
                    </a>
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>

        <!-- 发展历程 -->
        <div class="course">
            <!-- 标题 -->
            <h2></h2>

            <!-- 时间线 -->
            <div class="time-line w clearfix">

                <!-- 左边 -->
                <ul class="time-left f_left">
                    <li class="wow animated fadeIn" data-wow-duration="1.25s" data-wow-delay=".1s">
                        <p>2009年</p>
                        <p>杭州味捷餐饮有限公司成 立，致力于打造中国城市 外卖第一品牌。</p>
                    </li>
                    <li class="wow animated fadeIn" data-wow-duration="1.25s" data-wow-delay=".5s">
                        <p>2013年</p>
                        <p>味捷食材研究院，味捷连 锁管理学院成立。</p>
                    </li>
                    <li class="wow animated fadeIn" data-wow-duration="1.25s" data-wow-delay=".3s">
                        <img src="./images/introduce/log.png" alt="">
                    </li>
                </ul>

                <!-- 右边 -->
                <ul class="time-right f_right">
                    <li class="wow animated fadeIn" data-wow-duration="1.25s" data-wow-delay=".3s">
                        <p>2010年</p>
                        <p>杭州味泰食品有限公司成立，保证供应系统。</p>
                    </li>
                    <li class="wow animated fadeIn" data-wow-duration="1.25s" data-wow-delay=".3s">
                        <p>2017年</p>
                        <p>味捷品牌管理有限公司结 合互联网精心打造新生品 牌--“粥员外”</p>
                    </li>
                </ul>

                <!-- 箭头 -->
                <ul class="down-nav">
                    <li class="wow animated fadeIn" data-wow-duration="1.25s" data-wow-delay=".3s">
                        <img src="./images/introduce/down.png" alt="">
                    </li>
                    <li class="wow animated fadeIn" data-wow-duration="1.25s" data-wow-delay=".3s">
                        <img src="./images/introduce/down.png" alt="">
                    </li>
                    <li class="wow animated fadeIn" data-wow-duration="1.25s" data-wow-delay=".3s">
                        <img src="./images/introduce/down.png" alt="">
                    </li>
                    <li class="wow animated fadeIn" data-wow-duration="1.25s" data-wow-delay=".3s">
                        <img src="./images/introduce/down.png" alt="">
                    </li>
                    <li class="wow animated fadeIn" data-wow-duration="1.25s" data-wow-delay=".3s">
                        <img src="./images/introduce/down.png" alt="">
                    </li>
                </ul>

                <!-- 最终 -->
                <div class="over wow animated fadeIn" data-wow-duration="1.25s" data-wow-delay=".4s">
                    <p>开启</p>
                    <p>餐饮新纪元</p>
                </div>

            </div>

        </div>

        <div class="w-line">

        </div>

        <!-- 团队 -->
        <div class="team">
            <h2></h2>
            <!-- 合照 -->
            <!--<div class="all-photo w">-->
                <!--<img src="./images/introduce/all_photo.png" alt="">-->
            <!--</div>-->
            <ul class="photo-nav w">
                <li>
                    <img src="./images/introduce/all_photo.png" alt="">
                </li>
                <li>
                    <img src="./images/introduce/team01.png" alt="">
                </li>
                <li>
                    <img src="./images/introduce/team02.png" alt="">
                </li>
                <li>
                    <img src="./images/introduce/team03.png" alt="">
                </li>
            </ul>
        </div>


        <footer style="width: 100%;">
            <a href="/">
                <img src="./images/index/logo.png" alt="">
            </a>
            <div class="foot-msg">
                <p>地址：杭州市滨江区味捷餐饮</p>
                <p>全国免费加盟热线：400-999-8017</p>
            </div>
        </footer>
    </div>
    <!-- 侧边栏主体 -->
    <div id="menu">
        <div class="">
            <ul>
                <li class="">
                    <a href="/">首页</a>
                </li>
                <li class="">
                    <a href="./introduce.html">关于我们</a>
                </li>
                <li class="">
                    <a href="./product.html">产品中心</a>
                </li>
                <li class="">
                    <a href="./join.html">加盟指南</a>
                </li>
                <li>
                    <a href="./news.html">品牌新闻</a>
                </li>
                <li>
                    <a href="./contact.html">联系我们</a>
                </li>
                <li>
                    <a href="./ask.html">申请加盟</a>
                </li>
            </ul>
        </div>
    </div>
</div>


<!-- axios -->
<script src="./lib/axios/axios.min.js"></script>
<!-- jq -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<!-- art-template -->
<script src="./lib/art-template/template-native.js"></script>
<!-- layui.js -->
<script src="./lib/layui/layui.js"></script>
<!-- swiper -->
<script src="./lib/swiper/swiper.min.js"></script>
<script src="./lib/slide/slide.js"></script>
<script src="./lib/animation/wow.min.js"></script>
<script src="./js/index/index.js"></script>
<script type="text/javascript" src="https://lib.webfont.com/fastjs.min.js"></script>
<script type="text/javascript">
    $webfont.load("body", "94a34c621eb04b19bbdf55cc538c37ad", "PingFangSC");
    /*$webfont.load("#id1,.class1,h1", "94a34c621eb04b19bbdf55cc538c37ad", "PingFangSC");*/
    $webfont.draw();
</script>
<script>
    $(function () {
        $('#menu').leftMenu({
            "triggerBtn": ".btn"
        }).init();

        var mySwiper = new Swiper('.index-banner', {
            loop: true, // 循环模式选项
            autoplay: true,
            // 如果需要分页器
            pagination: {
                el: '.swiper-pagination',
            },
        });
        new WOW().init();
    })

</script>
</body>
</html>
